.app-theme-white {
  --el-color-primary: #247EFF;

  .app-logo {
    background-image: linear-gradient(#a0dcf9 100%, #a5dffb 0%);
    .app-title {
      color: #fff;
    }
  }

  .app-container {
    .app-header {
      background-image: linear-gradient(#a0dcf9 100%, #a5dffb 0%);
      .app-user-name, .app-user-icon {
        color: #fff;
      }
    }
  }

  .app-aside {
    .el-menu {
      .el-menu-item {
        &.is-active {
          position: relative;
          background-color: var(--el-menu-hover-bg-color);
          &::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 3px;
            background-color: var(--el-menu-active-color);
          }
        }
      }
    }
  }

  .el-table {
    th.el-table__cell {
      background: #e9f2ff;
      color: #333;
    }

    td.el-table__cell{
      color: rgba(11, 14, 32, .6);
    }

    &.el-table--striped {
      .el-table__body tr.el-table__row--striped td.el-table__cell{
        background: linear-gradient(180deg, #EFF4FF 0%, #FAFCFF 100%);
      }
    }
  }

  .app-card-container  {
    .el-card {
      --el-card-border-color: #fff;
    }
  }
}

// 变量的使用
.app-theme-white {
  --app-color: #0B0E20;
  --app-card-color: #fff;

  --app-card-color-light: rgba(185, 234, 250, 0.22);
}

// 需要用到的颜色值的 rgb 值
.app-theme-white {
  --app-color-rgb: 11, 14, 32;
}
